{% extends '_base.html' %}

{% block style %}
<style>
    header {
        background-image: url({{ url_for('static', filename='img/大咩2.png') }});
    }

    .archives {
        width: 100%;
        /* background-color: aquamarine; */
    }

    .archives .time {
        font-size: 22px;
        font-weight: bold;
        /* background-color: antiquewhite; */
        margin-top: 25px;
    }


    .archives-list {
        font-size: 18px;
        margin-top: 10px;
        margin-left: 50px;
        line-height: 32px;
    }

    .archives-list .item {
        display: block;
        width: 100%;
    }

    .archives-list .item:hover {
        background-color: rgba(109, 109, 109, 0.05);
    }

    @media (max-width:420px) {
        main {
            padding: 15px;
        }
    }
</style>
{% endblock %}


{% block title %}档案记录{% endblock %}
{% block nav_class %}top-show{% endblock %}

{% block header_content %}
<div class="container-flex">
    <div class="box">
        <div class="h1">档案记录</div>
    </div>
</div>
{% endblock %}

{% block main_content %}
<div class="archives">
    <div class="time">2021年 12月</div>
    <div class="archives-list">
        <a href="#" class="item">12-25 校运会</a>
    </div>
</div>
<div class="archives">
    <div class="time">2021年 11月</div>
    <div class="archives-list">
        <a href="#" class="item">11-11 四个一组成的节日，是中国空军成立是日子</a>
        <a href="#" class="item">11-22 34567894567890</a>
    </div>
</div>
<div class="archives">
    <div class="time">2021年 09月</div>
    <div class="archives-list">
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
        <a href="#" class="item">08-08 22222222222233333333333</a>
    </div>
</div>

{% endblock %}